
body {
    position: relative;
    background: radial-gradient(200% 100% at bottom center, #f7f7b6, #e96f92, #75517d, #1b2947);
    background: radial-gradient(220% 105% at top center, #1b2947 10%, #75517d 40%, #e96f92 65%, #f7f7b6);
    background-attachment: fixed;
    overflow: scroll;
}
@keyframes rotate {
    0% {
      transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }
    100% {
      transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
}
.stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 90s infinite linear;
}
.stop {
    animation-play-state: paused;
}  
.star {
    width: 2px;
    height: 2px;
    background: #F7F7B6;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -300px);
    backface-visibility: hidden;
}
.box {
    position: relative;

}
.search_icon {
    position: absolute;
    top:10px;
    left:16px;
    color:#ccc;
    z-index:1;
}
.dropdown .dropdown-menu {
    background: linear-gradient(45deg,black,white, grey);
}
/* 登录和注册的模态框样式 */
.modal {
    background: linear-gradient(45deg,black,white, grey);
}
.modal-content {
    background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);
}
.form-group p {
    height: 10px;
}
/* 登录和注册的模态框样式 */
textarea {
    resize: none;
}

/* 微博标题样式 */
.blogtitle {
    position: relative;
    border-radius:7px;
    text-align: center;
    transition: all 1s;
    background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
    background-size: 400%;
    animation: move 3s infinite;
    z-index: 1;
}
.blogtitle::before {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border-radius:7px;
    z-index: -1;
    background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
    background-size: 400%;
    filter: blur(20px);
    animation: move 6s infinite;
}
@keyframes move {
    100%{
        background-position: -400% 0;
    }
}

.textarea {
    margin-bottom: 16px;
}
.blogcon{
    margin-bottom: 20px;
}
.panel-body img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.blogcon,
.comments {
    margin-left: 50px;
}
.comments_con .replyMessage {
    color: black;
}
i.username,
.username_title {
    color: blue;
}
.panel-body  {
    padding-top: 0;
    background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
}
.panel-footer {
    background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
}
.panel-footer .function {
    float: right;
}
.panel-footer .function .num,
.glyphicon-thumbs-up:before {
    float: left;
    font-size: 12px;
}
.like {
    margin: 0 7px 0;
    cursor: pointer;
}